
<fieldset class="layui-elem-field layui-field-title site-title">
    <legend><a name="fixbar">已借图书</a></legend>
</fieldset>

<a href="javascript:selfBookList();layui.layer.msg('刷新')" style="padding: 0 0px"><i class="fa fa-refresh fa-lg"></i> <span >刷新</span></a>
<table class="layui-table" id="bookTable">
    <colgroup>
      <col>
    </colgroup>
    <thead>
    <tr>
        <th>图书编号</th>
        <th>图书名称</th>
        <th>出版日期</th>
        <th>在馆状态</th>
        <th>图书作者</th>
        <th>图书类型</th>
        <th>续借次数</th>
        <th>借阅时间</th>
        <th>借阅人</th>
        <th>超期时间</th>
        <th>归还时间</th>
        <th>续借</th>
        <th>转借</th>

    </tr>
    </thead>
    <tbody id="bookTableBody">
<!--    <tr>-->
<!--      <td>1</td>-->
<!--      <td>2016-11-29</td>-->
<!--      <td>人生就像是一场修行</td>-->
<!--    </tr>-->

    </tbody>
  </table>
<div id="bookTableBody2">
</div>
<script>
    var gcount;
    var gdatas;
    var glimit=10;
    function pagerFunc(obj, first){
        //obj包含了当前分页的所有参数，比如：
        //首次不执行
        // if(!first){
        //do something
        console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
        console.log(obj.limit); //得到每页显示的条数
        var start = (obj.curr - 1) * obj.limit;
        var end;
        if(start + obj.limit > gcount ){
            end = gcount;
        }
        else{
            end = start + obj.limit;
        }
        mprint(start,end);
    }
    function mprint(start,end){
        var tbhtml = "";
        for(var i = start;i<end;i++){
            tbhtml += "<tr><td>" + gdatas[i].bookID +
                "</td><td>" + gdatas[i].bookName +
                "</td><td>" +  gdatas[i].bookDate +
                "</td><td>" +gdatas[i].bookState +
                "</td><td>" + gdatas[i].bookAuthor +
                "</td><td>" + gdatas[i].bookType +
                "</td><td>" + gdatas[i].borrowCount +
                "</td><td>" + gdatas[i].borrowTime +
                "</td><td>" + gdatas[i].borrowUser +
                "</td><td>" + gdatas[i].expirationTime +
                "</td><td>" + gdatas[i].returnTime +
                "</td><td style='padding: 0'>"
                +"<a href='javascript:borrowAgainByBookID(" + gdatas[i].bookID +")' "+
                ' class = "layui-btn" >续借</a>'+"</td>"+
                "</td><td style='padding: 0'>"
                +"<a href='javascript:lendByBookID(" + gdatas[i].bookID +")' "+
                // 'style="background-color:#009688;' +
                // '    height: 30px;\n' +
                // '    text-align: center;\n' +
                // '      display: block;\n' +
                // '    line-height: 2;\n' +
                // '    color: white ;\n' +
                // '    display: block;\n' +
                '    class = "layui-btn">转借</a>'+"</td>"+
                "</tr>";
        }
        $('#bookTableBody').html(tbhtml);

    }
    function selfBookList() {
        $.ajax({
            //几个参数需要注意一下
            type: "GET",//方法类型
            dataType: "json",//预期服务器返回的数据类型
            url: "http://localhost:8080/library/info",//url
            // data: $('#form1').serialize(),
            success: function (datas) {
                // var datas = JSON.parse(datas); //jsonData是该下路下的所有区间（json格式）
                console.log(datas);//打印服务端返回的数据(调试用)
                console.log(datas.length);//打印服务端返回的数据(调试用)

                gcount = datas.length;
                gdatas = datas;
                console.log('datas.length');//打印服务端返回的数据(调试用)
                layui.use('laypage', function(){
                    var laypage = layui.laypage;
                    //执行一个laypage实例
                    laypage.render({
                        elem: 'bookTableBody2' //注意，这里的 test1 是 ID，不用加 # 号
                        ,count: gcount //数据总数，从服务端得到
                        ,limit: glimit
                        ,jump:pagerFunc
                        // }
                    });

                });
            },
            error: function () {
                layer.msg("异常！");
            }

        });
    };
    function borrowAgainByBookID(bookID) {
            $.ajax({
                //几个参数需要注意一下
                type: "get",//方法类型
                dataType: "json",//预期服务器返回的数据类型
                url: "http://localhost:8080/library/borrowAgain",//url
                data: {bookID : bookID},
                success: function (datas) {
                    // var datas = JSON.parse(datas); //jsonData是该下路下的所有区间（json格式）
                    console.log(datas);//打印服务端返回的数据(调试用)
                    if(datas == true) {
                        layer.msg("SUCCESS");
                    }
                    else {
                        layer.msg("FAILED");
                    }
                },
                error: function () {
                    layer.msg("异常！");
                }

            });


    };
    function lendByBookID(bookID) {
        layer.prompt({
            formType: 2,
            value: '',
            title: '请输入要转借给的用户编号',
            area: ['100px', '30px'] //自定义文本域宽高
        }, function(value, index, elem){
            // alert(value); //得到value
            console.log(value);
        $.ajax({
            //几个参数需要注意一下
            type: "get",//方法类型
            dataType: "json",//预期服务器返回的数据类型
            url: "http://localhost:8080/library/lend",//url
            data: {bookID : bookID, toUserID: value},
            success: function (datas) {
                // var datas = JSON.parse(datas); //jsonData是该下路下的所有区间（json格式）
                console.log(datas);//打印服务端返回的数据(调试用)
                if(datas == true) {
                    layer.msg("SUCCESS");
                }
                else {
                    layer.msg("FAILED");
                }
            },
            error: function () {
                layer.msg("异常！");
            }

        });
            layer.close(index);
        });
    };
    selfBookList();
</script>